

<template>
    <div class="entry-layout">
        <div class="entry-logo">
            <img src="./images/index-logo.png" alt="">
        </div>
        <div class="entry-title">
            <img src="./images/index-text1.png" alt="">
        </div>
        <div class="entry-vic">
            <img class="t1" src="./images/index-text2.png" alt="">
            <img class="t2" src="./images/index-text3.png" alt="">
        </div>
        <div class="entry-why">
            <img class="t1" src="./images/index-why.png" alt="">
        </div>
        <div class="entry-join">
            <router-link to="/home-next"><img src="./images/index-game.png" alt=""></router-link>
        </div>
        <div class="bottom-logos">
            <img src="../../base/images/bottom_logo@2x.png" alt="">
        </div>
    </div>
    
</template>
<script>
  
  module.exports={
      data:function(){
          return {}
      },

      mounted:function() {
          
      },
      created:function () {
          var _this = this;
          // var url =location.href.split('#')[0];
          var name = "share";
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
          var r = window.location.search.substr(1).match(reg);
          if (r != null) {
              var vv = unescape(r[2]);
              name = "openId";
              reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
              r = window.location.search.substr(1).match(reg);
              var openId = unescape(r[2]);
              if(_this.$route.query.share==undefined){
                  if (vv!="null") {
                      _this.$router.push({path: "personal-center", query: {"share":vv,"openId":openId}});
                  }
              }
              name = "userId";
              reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
              r = window.location.search.substr(1).match(reg);
              var userId = unescape(r[2]);
              _this.$root.userId = userId;
          }
/*          $.post("/wx/home",{"userId":_this.$root.userId},function (data) {
              if(data.code == 200){
                  var d = data.data;
                  /!*if(d.isShare!=null){
                      _this.$router.push("personal-center");
                  }*!/
                 /!* var len = d.headImg.length<60?d.headImg.length:60;
                  for(var i =0;i<len;i++){
                      _this.participantsArray.push({src:d.headImg[i]});
                  }*!/
                  _this.participants = d.online;
                  _this.$root.userId = d.userId;
                  /!*if(d.nickName==null||d.nickName==''){
                      setTimeout(function () {
                          layer.prompt({
                              title: '请输入您的昵称',
                          }, function(value, index, elem){
                              $.post("/wx/updateInfo",{"userId":d.userId,"nickName":value},function (data) {
                                  if(data.code == 200){
                                      layer.alert("设置成功!");
                                  }
                              },"json");
                          });
                      },500)*!/

/!*
                      var str=layer.prompt("请输入您的昵称","");
                      if(str==null||str==""){
                          return ;
                      }
                      $.post("/wx/updateInfo",{"userId":d.userId,"nickName":str},function (data) {
                          if(data.code == 200){
                              layer.alert("设置成功!");
                          }
                      },"json");*!/
                  }
              }
          },"json");*/
      },
      methods: {

      }
  }
</script>
<style lang="less">
    

    .entry-layout{
        background: url(./images/bg-index.png) no-repeat center top;
        background-size: cover;
        min-height: 100vh;
        overflow: hidden;
        position: relative;
        border:12px solid #F7931E;
        box-sizing: border-box;
    }

    .entry-logo{
        text-align: center;
        margin: 3.4vh 0 3vh;
        
        img{
            width: 30vw;
        }
    }

    .entry-title{
        
        text-align: center;
        margin-bottom: 3.8vh;

        img{
            width: 79.5vw;
            margin-left: 3.2vw;
        }
    }

    .entry-vic{
        width: 94%;
        height: 43.8vh;
        margin: 0 auto;
        background: url(./images/index-v.png) no-repeat;
        background-size: 100% 100%;
        overflow: hidden;

        img{
          display: block;
          margin: 0 auto;
        }
        .t1{
            width: 57vw;
            margin: 2.5vh auto 3.7vh;

        }
        .t2{
            width: 21.6vw;
        }
    }

    .entry-why{
        margin: -1.8vh 0 0 12vw;

        img{
          width: 54.4vw;
        }
    }
    .entry-join{
        position: absolute;
        right: 6.4vw;
        bottom: 14vh;

        img{
            width: 22.48vw;
        }
    }

    
</style>